<template>
  <div>

        <div class="big" style="overflow:hidden;">
          <div
            style="float:left;max-width: 23%;min-height:349px;overflow:hidden;"
            v-for="i in arr"
          >
            <div
              style="display:block;padding:0 30px 0 30px;border-right:1px solid rgba(224,224,224,1)"
            >
              <a href="" style="display:block;" :title="i.h4">
                <div>
                  <img style="height:170px;width:100%;" :src="i.img" alt="" />
                </div>
                <h4
                  style="color: #222222;
        font-size: 18px;
        line-height: 24px;margin-bottom: 5px;padding-top: 22px;"
                >
                  {{i.h4}}
                </h4>
              </a>
              <p
                style="color: #000000;
        font-size: 13px;
        font-family: 微軟正黑體;
        line-height: 26px;
        padding-top: 10px;"
              >
               {{i.p}}
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props:['l_event'],
  data() {
    return {
      arr:this.l_event
    };
  }
};
</script>
<style></style>
